// Element Plus 主题变量覆盖文件
// 用途：全局覆盖 Element Plus 的默认样式变量
// 注意：此文件需在项目入口（如 main.js）中全局导入

// ------------------------------
// 🎨 颜色定义（Colors）
// ------------------------------
@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $colors: (
    // 基础色
    "white": #092a33,  // 页面背景色
    "black": #1c1c1c,  // 文字深色模式

    // 主色调（品牌色）
    "primary": (
      "base": #117b79, // 主按钮/交互色
    ),

    // 功能色
    "success": (
      "base": #59afac, // 成功状态
    ),
    "warning": (
      "base": #e4a84d, // 警告状态
    ),
    "danger": (
      "base": #f96d6d, // 危险操作
    ),
    "error": (
      "base": #f96d6d, // 错误提示
    ),
    "info": (
      "base": #bcc2c4, // 信息提示
    ),
  ),

  // ------------------------------
  // 🎭 背景颜色（Background Colors）
  // ------------------------------
  $bg-color: (
    'overlay': #092a33, // 遮罩层背景（如弹窗）
  ),

  // ------------------------------
  // 🖌️ 填充颜色（Fill Colors）
  // ------------------------------
  $fill-color: (
    'blank': #092a33,   // 空状态填充
    'light': #0e3f4d,   // 悬浮态背景
  ),

  // ------------------------------
  // 🧱 边框颜色（Border Colors）
  // ------------------------------
  $border-color: (
    '': #a3b4b8,        // 默认边框
    'light': #bac7ca,   // 浅边框
    'lighter': #bac7ca, // 更浅边框
  ),

  // ------------------------------
  // 📝 文字颜色（Text Colors）
  // ------------------------------
  $text-color: (
    'primary': #f7f8f8,   // 主要文字
    'regular': #dedfdf,   // 常规文字
    'secondary': #dedfdf, // 次要文字
    'placeholder': #5a767e, // 输入框占位符
    'disabled': #dedfdf,   // 禁用状态文字
  ),
);